<%--
  Created by IntelliJ IDEA.
  User: zwj
  Date: 2016/10/6
  Time: 10:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>便民服务平台3.0</title>
    <script>
        var jz = "";


    </script>
</head>

<body>
<jsp:include page="../include/header.jsp?actionId=index_5"/>

<div class="main-container">
    <div class="mc-hd">

        <p class="app-t">queryCenter</p>
        <h1 class="app-h1">专注高端”互联网+政务”设计</h1>
        <div class="type-wrap">
          <h2 class="typedH2">慧眼看世界，在政务服务的路上不断追求创新！</h2>
        </div>

    </div>
    <div class="mc-bd">

        <div class="container">
            <div class="row">
                <div class="col-sm-3">
                    <div class="mccc-left">
                        <h2>应用中心</h2>
                        <ul class="nav nav-pills nav-stacked" role="tablist">
                            <li><a href="#">实时路况<i class="caret-right"></i></a></li>
                            <li><a href="#">地图导航<i class="caret-right"></i></a></li>
                            <li><a href="#">卡通引导<i class="caret-right"></i></a></li>
                            <li><a href="#">12389<i class="caret-right"></i></a></li>
                            <li><a href="#">网上信访<i class="caret-right"></i></a></li>
                            <li><a href="#">线索举报<i class="caret-right"></i></a></li>
                            <li><a href="#">苏州积分<i class="caret-right"></i></a></li>
                            <li class="active"><a href="#">表单下载<i class="caret-right"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-9">
                    <div class="mccc-right">
                        <h2>表单下载</h2>

                        <dl class="download-category">
                            <dt>警种：</dt>
                            <c:forEach items="${pcc}" var="dict" varStatus="vs">
                                <dd id="pcc_${dict.id}" onclick="caseJz('${dict.id}',3,1)"><a>${dict.value}</a></dd>
                                <c:if test="${vs.count==1}">
                                    <script>
                                        //$('#pcc_${dict.id}').addClass("active");
                                        //caseJz('${dict.id}');
                                        jz = '${dict.id}';
                                    </script>
                                </c:if>
                            </c:forEach>
                        </dl>

                        <div id="data-div">

                        </div>


                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
<jsp:include page="../include/footer.jsp"/>
<script src="<c:url value='/resource/js/require.js'/>" data-main="<c:url value='/resource/js/main'/>" id="current-page"
        current-page="appCenter"></script>


<script type="text/javascript">
    $(function () {
        caseJz(jz, 3, 1);
    });

    function caseJz(type, pageSize, pageIndex) {
        //移除全部样式
        //alert(type)
        jz = type;
        $("#pcc_" + type).addClass("active");
        $("#" + type).siblings().each(function () {
            $(this).removeClass("active");
        });
        //加载数据
        $('#data-div').load('<c:url value='/matters/form-list'/>', {kw: type, ps: pageSize, pi: pageIndex});
    }

    function downloadTable(guid, type) {
        window.location.href = '<c:url value="/matters/ajax-download"/>' + "?guid=" + guid + "&type=" + type;
    }
</script>
</body>
</html>
